.me-1 {
    .margin-em(16px, 8);
}

.me-2 {
    .margin-em(12 24, 24);
}

.me-3 {
    .margin-em(12 16 20);
}

.me-4 {
    .margin-em(12px 16px 20px 24px);
}

.me-5 {
    .margin-em(16 16 16 16);
}

.me-6 {
    .margin-em(16 8px 16 8px);
}

.me-7 {
    .margin-em(16px 0);
}

.me-8 {
    .margin-em(16 12 8);
}

.mte {
    .margin-top-em(12px);
}

.mre {
    .margin-right-em(3px, 12px);
}

.mbe {
    .margin-bottom-em(12px);
}

.mle {
    .margin-left-em(12px);
}

.pe-1 {
    .padding-em(16px, 8);
}

.pe-2 {
    .padding-em(12 24, 24);
}

.pe-3 {
    .padding-em(12 16 20);
}

.pe-4 {
    .padding-em(12px 16px 20px 24px);
}

.pe-5 {
    .padding-em(16 16 16 16);
}

.pe-6 {
    .padding-em(16 8px 16 8px);
}

.pe-7 {
    .padding-em(16px 0);
}

.pe-8 {
    .padding-em(16 12 8);
}

.pte {
    .padding-top-em(12px);
}

.pre {
    .padding-right-em(3px, 12px);
}

.pbe {
    .padding-bottom-em(12px);
}

.ple {
    .padding-left-em(12px);
}
